<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" isELIgnored="false"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<script src="static/js/tools/jquery-2.1.3.min.js"></script>
<script src="static/tools/bootstrap/js/bootstrap.min.js"></script>
<script src="static/tools/metro/js/metro.js"></script>

<link rel="stylesheet" type="text/css" href="static/tools/bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="static/tools/metro/css/metro.css" />
<link rel="stylesheet" type="text/css" href="static/tools/metro/css/metro-icons.css" />
<link rel="stylesheet" type="text/css" href="static/tools/metro/css/metro-responsive.css" />
<link rel="stylesheet" type="text/css" href="static/tools/metro/css/metro-schemes.css" />

</head>
<body class="bg-dark page-content">
    <div class="container page-content">
    
      <div class="row">
        <div class="col-xs-6">
             <div class="tile bg-cyan fg-white full-size"  data-role="tile">
                   <div class="tile-content iconic">
                       <span class="icon mif-earth"></span>
                       <span class="tile-label">周边新闻</span>
                   </div>
             </div>   
        </div>
        
        <div class="col-xs-6">
          <div class="tile bg-green fg-white full-size" data-role="tile">
                <div class="tile-content iconic">
                    <span class="icon mif-dollars"></span>
                    <span class="tile-label">失物招领</span>
                </div>
            </div>
        </div>
        
      </div> 
      
      
      <br/><br/>
      <div class="row">
        <div class="col-xs-6">
             <div class="tile bg-darkMagenta fg-white full-size"  data-role="tile">
                   <div class="tile-content iconic">
                       <span class="icon mif-fire"></span>
                       <span class="tile-label">雪中送炭</span>
                   </div>
             </div>   
        </div>
        
        <div class="col-xs-6">
          <div class="tile bg-orange fg-white full-size" data-role="tile">
                <div class="tile-content iconic">
                    <span class="icon mif-ambulance"></span>
                    <span class="tile-label">请求支援</span>
                </div>
            </div>
        </div>
        
      </div>
      
      <br/><br/>
      <div class="row">
       
          <div class="col-xs-12">
          <div class="tile bg-darkViolet fg-white full-size" data-role="tile">
                <div class="tile-content iconic">
                    <span class="icon mif-shareable"></span>
                    <span class="tile-label">技能交换</span>
                </div>
            </div>
        </div>
      </div>
    
    
     
    
    </div>
    
    
</body>
</html>
